WordPress

推荐列表 站点导航

当前位置:首页 > 建站教程 > WordPress >

vscode中Vue别名路径提示的实现

来源:网络整理  作者:  发布时间:2020-12-18 11:06
开发场景当使用Vue框架进行项目开发时,在vue.config.js中配置好了路径别名后,到其他页面引入组件、引入css、引入静...

"include": [

extensions: ['.js', '.vue', '.json'],

}

},  
// .jsconfig.json

"baseUrl": ".",

{

"a/\*": \["src/assets/\*"\],

],

"paths": {

"node_modules",

{

},

]

vscode中Vue别名路径提示的实现 (https://www.wpmee.com/) javascript教程 第1张

}  

"module": "commonjs",

...

"@/*": [

"compilerOptions": {

alias: {

],

"styles/*": [

'styles': resolve('src/assets/styles')

'@': resolve('src'),

到此这篇关于vscode中Vue别名路径提示的实现的文章就介绍到这了,希望大家以后多多支持!

"c": "${workspaceRoot}/src/components",

"allowSyntheticDefaultImports": true

"target": "ES6",

"include": \["./src/\*\*/\*.vue", "./src/\*\*/\*.js"\],

"src/assets/styles/*"

"src/*"

解决方案

}  

'vue$': 'vue/dist/vue.esm.js',

"compilerOptions": {

}  

在 vscode 的 setting.json 中给 Path Intellisence 配置(该方案是最优选,能识别任意格式文件,覆盖率最广。当别名发生改变时只需修改配置即可)

"exclude": [

// setting.json

当使用 Vue 框架进行项目开发时,在 vue.config.js 中配置好了路径别名后,到其他页面引入组件、引入 css 、引入静态文件路径时,使用路径别名不会智能提示路径。虽然在 vscode 中安装了Path Intellisense插件,但是并无作用。这样容易出现路径拼写错误的低能问题,同时也会造成开发效率降低

项目中webpack.base.conf.js配置自定义别名

"a": "${workspaceRoot}/src",

"@/\*": \['src/\*'\],

// 配置自定义的别名匹配路径

在项目 package.json 所在同级目录下创建文件 jsconfig.json, 来解决别名路径不提示的问题。(配置完保存文件后需要重启编辑器才能生效。而且它只能识别 .vue 和 .js结尾的文件,css文件与其他的静态文件依然没有提示, 不推荐!!!)

"baseUrl": ".",

"paths": {

其他网友解决方法

},

"dist"

在项目根目录下创建jsconfig.json文件,配置如下:

]

...

"src/**/*"

"exclude": \["node\_modules"\]

"path-intellisense.mappings": {

}

},

resolve: {

"c/\*": \["src/components/\*"\],

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jz/wp/5157.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

vscode中Vue别名路径提示的实现

2020-12-18 编辑:

"include": [

extensions: ['.js', '.vue', '.json'],

}

},  
// .jsconfig.json

"baseUrl": ".",

{

"a/\*": \["src/assets/\*"\],

],

"paths": {

"node_modules",

{

},

]

vscode中Vue别名路径提示的实现 (https://www.wpmee.com/) javascript教程 第1张

}  

"module": "commonjs",

...

"@/*": [

"compilerOptions": {

alias: {

],

"styles/*": [

'styles': resolve('src/assets/styles')

'@': resolve('src'),

到此这篇关于vscode中Vue别名路径提示的实现的文章就介绍到这了,希望大家以后多多支持!

"c": "${workspaceRoot}/src/components",

"allowSyntheticDefaultImports": true

"target": "ES6",

"include": \["./src/\*\*/\*.vue", "./src/\*\*/\*.js"\],

"src/assets/styles/*"

"src/*"

解决方案

}  

'vue$': 'vue/dist/vue.esm.js',

"compilerOptions": {

}  

在 vscode 的 setting.json 中给 Path Intellisence 配置(该方案是最优选,能识别任意格式文件,覆盖率最广。当别名发生改变时只需修改配置即可)

"exclude": [

// setting.json

当使用 Vue 框架进行项目开发时,在 vue.config.js 中配置好了路径别名后,到其他页面引入组件、引入 css 、引入静态文件路径时,使用路径别名不会智能提示路径。虽然在 vscode 中安装了Path Intellisense插件,但是并无作用。这样容易出现路径拼写错误的低能问题,同时也会造成开发效率降低

项目中webpack.base.conf.js配置自定义别名

"a": "${workspaceRoot}/src",

"@/\*": \['src/\*'\],

// 配置自定义的别名匹配路径

在项目 package.json 所在同级目录下创建文件 jsconfig.json, 来解决别名路径不提示的问题。(配置完保存文件后需要重启编辑器才能生效。而且它只能识别 .vue 和 .js结尾的文件,css文件与其他的静态文件依然没有提示, 不推荐!!!)

"baseUrl": ".",

"paths": {

其他网友解决方法

},

"dist"

在项目根目录下创建jsconfig.json文件,配置如下:

]

...

"src/**/*"

"exclude": \["node\_modules"\]

"path-intellisense.mappings": {

}

},

resolve: {

"c/\*": \["src/components/\*"\],

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jz/wp/5157.shtml

相关文章

风云图片

推荐阅读

返回WordPress频道首页